<template>
	<view>
		<view v-if="status==0">
			<view class="navtop">
				<view class="order-nav" :style="{top:BarTop + 'px',height:BarHeight + 'px',lineHeight:BarHeight + 'px'}" v-if="!flexflag">
					<u-icon name="arrow-left" color="#fff" size="36" class="order-nav-img" @click="backNav"></u-icon>
					<text style="color: #fff;">商家入驻</text>
				</view>
				<view class="order-nav navtwo" :style="{height:BarTop + BarHeight + 5 + 'px',}" v-else>
					<u-icon :style="{top:BarTop + 'px',}" name="arrow-left" color="#333" size="36" class="order-nav-img" @click="backNav"></u-icon>
					<text :style="{top:BarTop + 'px',height:BarHeight + 'px',lineHeight:BarHeight + 'px'}" class="nav-sp">商家入驻</text>
				</view>
			</view>
			<view v-if="step==1">
				<view class="main">
					<view class="main-top">
						商家入驻类型
					</view>
					<view class="main-bottom">
						<view class="store-item bg1">
							<image src="/static/images/daijiedan.png" class="store-icon" mode="widthFix"></image>
							<view class="store-info">
								<view class="store-info-name">企业入驻</view>
								<view class="store-info-desc">需提供企业营业执照</view>
							</view>
							<image :src="From.store_type==0 ? '/static/images/checked.png':'/static/images/unchecked.png'" class="store-choose" @click="chooseStoreType(0)"></image>
						</view>
						<view class="store-item bg2">
							<image src="/static/images/daijiedan.png" class="store-icon" mode="widthFix"></image>
							<view class="store-info">
								<view class="store-info-name">个人入驻</view>
								<view class="store-info-desc">需提供个人身份信息</view>
							</view>
							<image :src="From.store_type==1 ? '/static/images/checked.png':'/static/images/unchecked.png'" class="store-choose" @click="chooseStoreType(1)"></image>
						</view>
						<view class="store-item bg3">
							<image src="/static/images/daijiedan.png" class="store-icon" mode="widthFix"></image>
							<view class="store-info">
								<view class="store-info-name">个体户入驻</view>
								<view class="store-info-desc">需提供个人身份信息</view>
							</view>
							<image :src="From.store_type==2 ? '/static/images/checked.png':'/static/images/unchecked.png'" class="store-choose" @click="chooseStoreType(2)"></image>
						</view>
					</view>
					<view class="address-bottom-row">
						<u-button shape="square" type="success" @click="nextStep">选好了，下一步</u-button>
					</view> 
				</view>
			</view>
			<view class="main" v-else>
				<view class="main-top">
					填写店铺信息
				</view>
				<view class="ipt name">
					<text class="ipt-label">店铺名称(必填)</text>
					<input type="text" placeholder="请输入店铺名称" placeholder-class="ipclass" v-model="From.name"/>
				</view>
				<view class="ipt" @click="chooseLocation">
					<text class="ipt-label">店铺地址(必填)</text>
					<input type="text" placeholder="选择店铺地址" placeholder-class="ipclass" disabled v-model="From.address" />
					<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/business/Vector%20574%402x.png" mode="" class="main-image"></image>
				</view>
				<view class="ipt">
					<text class="ipt-label">详细地址(必填)</text>
					<input type="text" placeholder="地址越详细,顾客找店越方便" placeholder-class="ipclass" v-model="From.address_detail"/>
				</view>
				<view class="ipt">
					<text class="ipt-label">联系电话(必填)</text>
					<input type="number" placeholder="请输入手机号码" placeholder-class="ipclass" v-model="From.tel" />
				</view>
				<!-- <view class="ipt" @click="GotoCard">
					<text >银行卡(必填)</text>
					<input type="text" placeholder="用于商家线上结算或提现" disabled="disabled" v-model="From.bank_code"/>
				</view> -->
				<!-- <view class="ipt">
					<text >联系人</text>
					<input type="text" placeholder="请输入联系人" style="margin-left: 55rpx;width:400rpx;"  v-model="From.nickname" />
				</view> -->
				<view class="ipt" @click="select">
					<text class="ipt-label">让利比(必填)</text>
					<input type="text" placeholder="选择店铺让利比" placeholder-class="ipclass"  disabled v-model="bili.label" />
					<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/business/Vector%20574%402x.png" mode="" class="main-image"></image>
				</view>
				<view class="ipt" @click="select1">
					<text class="ipt-label">店铺类别(必填)</text>
					<input type="text" placeholder="选择店铺类别" placeholder-class="ipclass"  disabled v-model="shoplist.label" />
					<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/business/Vector%20574%402x.png" mode="" class="main-image"></image>
				</view>
				<view class="tp">
					<view class="sp" style="margin-top: 20rpx; padding-top: 20rpx;">店铺LOGO(必填)</view>
					<view style="margin-left: 30rpx;">
						<u-upload 
						ref="storelogoimg"  
						width="160rpx" 
						height="160rpx" 
						max-count="1" 
						:action="uploadUrl" 
						:file-list="storelogoimglist" ></u-upload>
					</view>
					<view class="sp" style="margin-top: 40rpx;">门脸照片(必填)</view>
					<view class="tx">
						建议上传带有招牌信息的门脸照片，并提供左右邻居商户或环境图，方便顾客照店
					</view>
					<view style="margin-left: 30rpx;">
						<u-upload
						ref="storeimg"  
						width="160rpx" 
						height="160rpx" 
						max-count="1" 
						:action="uploadUrl"  
						:file-list="storeimglist" ></u-upload>
					</view>
					<view class="sp" style="margin-top: 40rpx;">店铺环境(必填)
						<text style="color: #999999;font-size: 24rpx;font-weight: normal;margin-left: 20rpx;">(可上传多张图片)</text>
					</view>
					<view style="margin-left: 30rpx;margin-top: 16rpx;">
						<u-upload
						ref="storehjimg"  
						width="160rpx" 
						height="160rpx" 
						max-count="999" 
						:action="uploadUrl" 
						:file-list="storehjimglist" ></u-upload>
					</view>
				</view>
				<view class="main-top" style="margin-top: 30rpx;" v-if="From.store_type == 0">
					上传认证资料
				</view>	
				<view class="sfcode" v-if="false">
					<view class="sp" style="padding-top: 20rpx;">经营者身份信息(必填)</view>
					<view class="sfztp">
						<u-upload
							ref="sfzzmimglist"  
							width="300rpx" 
							height="200rpx" 
							max-count="1" 
							:action="uploadUrl" 
							:file-list="sfzzmimglist"
							:custom-btn="true">
							<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
								<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/Store/sfz.png" mode="" style="width: 300rpx;height: 200rpx;"></image>
							</view>
						</u-upload>
						<u-upload
							ref="sfzfmimglist"  
							width="300rpx" 
							height="200rpx" 
							max-count="1" 
							:action="uploadUrl" 
							:file-list="sfzfmimglist"
							:custom-btn="true">
							<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
								<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/Store/sff.png" mode="" style="width: 300rpx;height: 200rpx;"></image>
							</view>
						</u-upload>
					</view>
				</view>
				<!-- <view class="cridifo" style="display: none;">
					<view class="ipt">
						<text style="margin-left: 30rpx;color: #2E3437;">姓名</text>
						<input type="text" placeholder="请输入姓名" style="margin-left: 26rpx;width:400rpx;" disabled  v-model="zm.name"/>
					</view>
					<view class="ipt">
						<text style="margin-left: 30rpx;color: #2E3437;">身份证号码</text>
						<input type="text" placeholder="请上传身份证照片" style="margin-left: 26rpx;width:400rpx;" disabled  v-model="zm.id"/>
					</view>
					<view class="ipt">
						<text style="margin-left: 30rpx;color: #2E3437;">过期时间</text>
						<input type="text" placeholder="请上传身份证照片" style="margin-left: 26rpx;width:400rpx;" disabled  v-model="fm.valid_date"/>
					</view>
				</view> -->
				<view class="footer">
					<view class="sp" style="padding-top: 20rpx;">上传营业执照/身份证</view>
					<view style="margin-left: 30rpx;">
						<u-upload
							ref="yyzzimg"  
							width="160rpx" 
							height="160rpx" 
							max-count="1" 
							:action="uploadUrl" 
							:file-list="yyzzimglist" >
						</u-upload>
					</view>
				</view>
				<view style="width: 100%;height: 20rpx;"></view>
				
				<view class="btn" @click="btn">
					<view class="btn1">
						提交
					</view>
				</view>
			</view>
			
			<view>
				<view class="popup-cover" v-if="popupVisibleC"></view>
				<view class="bottom-popup-mask" v-if="popupVisibleC">
					<view class="bottom-popup-content">
						<view class="popup-box">
							<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/img/Group 2110@2x.png" mode="" style="width: 100%;height: 100%;"></image>
							<text class="popup-title">提交成功</text>
							<text class="popup-content">我们将在24小时内完成审核，请留意查看</text>
							<view class="popop-btn-box">
								<view class="popop-btn" @click="backNav">
									知道了
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view>
				<view class="popup-cover" v-if="popupVisibleS"></view>
				<view class="bottom-popup-mask" v-if="popupVisibleS">
					<view class="bottom-popup-content">
						<view class="popup-box">
							<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/img/Group 2110@2x.png" mode="" style="width: 100%;height: 100%;"></image>
							<text class="popup-title">资料审核中</text>
							<text class="popup-content">我们将在24小时内完成审核，请耐心等待</text>
							<view class="popop-btn-box">
								<view class="popop-btn" @click="backNav">
									知道了
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<u-select v-model="show1" :list="array1"  @confirm='confirm1' value-name='shoptype_id' label-name='name'></u-select>
			<u-select v-model="show" :list="array" @confirm='confirm'></u-select>
		</view>
		<view v-if="status==1">
			<view class="top">
				<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/business/Group%203325%402x.png" mode="" style="width: 100%;height: 100%;"></image>
			</view>
			<view class="sp">
				抱歉，审核未通过
			</view>
			<view class="yy">
				<view class="kong">
					
				</view>
				<view class="yy-title">
					未通过原因：
				</view>
				<view class="yy-sp">
					1、实体店与营业执照不符；<br>
					2、店铺名称有违规词：“违规词”“违规词”
				</view>
			</view>
			<view class="btn" @click="btn">
				重新申请
			</view>
		</view>
		<view v-if="status==2">
			<view class="top">
				<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/shop/Group%203493%402x.png" mode="" style="width: 100%;height: 100%;"></image>
			</view>
			<view class="sp1">
				审核通过
			</view>
			<view class="sp2">
				恭喜您，审核通过
			</view>
			<view class="btn" @click="btn1">
				返回首页
			</view>
		</view>
	</view>
</template>

<script> 
	import map from "../../components/TxAddress/qqmap-wx-jssdk";
	export default {
		data() {
			return {
				status: 0, 
				step: 1,
				From:{
					store_type: -1,
					address: '',
					bank_code:''
				},
				show:false,
				show1:false,
				flexflag:false,
				popupVisibleC:false,
				popupVisibleS:false,
				showUploadList: false, 
				BarTop:'',
				BarHeight:'',
				fileList1: [],
				uploadUrl: this.$u.api.user.getUploadUrl(),
				storelogoimglist: [],
				storeimglist: [],
				storehjimglist:[],
				sfzzmimglist:[],
				sfzfmimglist:[],
				yyzzimglist:[],
				address:{},
				array: [
					{
						value: 10,
						label: '10%'
					},
					{
						value: 15,
						label: '15%'
					},
					{
						value: 20,
						label: '20%'
					},
					{
						value: 30,
						label: '30%'
					},
				],
				array1:[],
				bili: '',
				shoplist:'',
				zm:'',
				fm:''
			}
		},
		onLoad(option) {
			if(!this.vuex_token){
				uni.setStorageSync('unLogin',true);			
				uni.redirectTo({
					url: '/pages/login/login'
				})				
				return
			}
			let _this = this;
			if(option.satus){
				this.status = option.satus;
			}
			if(option.scene){
				let scene = decodeURIComponent(option.scene);
				let recommend_id = scene.match(/id=(\d+)/)[1];
				uni.setStorageSync('recommend_id', recommend_id);
			}

			// #ifdef MP
			let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
			this.BarTop = menuButtonInfo.top;
			this.BarHeight = menuButtonInfo.height;
			// #endif
			
			// 店铺类型
			this.$u.api.index.shoptypelist().then(res =>{
				if(res.code == 200){
					this.array1 = res.data
				}
			})
		},
		async onShow(){
			if(uni.getStorageSync('unLogin')){
				uni.removeStorageSync('unLogin');				
			}
			let recommend_id = uni.getStorageSync('recommend_id');
			let invite_code = uni.getStorageSync('invite_code');
			if(recommend_id){
				let res = await this.$u.api.recommend.bindRecommend({
					recommend_id: recommend_id
				})
				if(res.code == 1){
					uni.removeStorageSync('recommend_id');
				}
			}
			if(invite_code){
				let res = await this.$u.api.recommend.bindRecommend({
					recommend_code: invite_code
				})
				if(res.code == 1){
					uni.removeStorageSync('invite_code');
				}
			}

		},
		onPageScroll(e) {
			if (e.scrollTop > 50) {
				this.flexflag = true
			} else {
			  this.flexflag = false
			}
		},
		methods:{
			select(){
				this.show = true
			},
			confirm(e){
				console.log(e, e.value)
				
				this.bili = e[0]
				console.log(this.bili, this.bili.value)
			},
			select1(){
				this.show1 = true
			},
			confirm1(e){
				console.log(e)
				this.shoplist = e[0]
			},
			
			Onsuccess(e){
				// let obj = {
				// 	img_url:e.data,
				// }
				// this.$u.api.shop.idcardOcr(obj).then(res =>{
				// 	if(res.code == 1){
				// 		this.zm = res.data
				// 		uni.showToast({
				// 			title: '上传成功',
				// 			icon: 'success',
				// 			duration: 1000
				// 		})  
				// 	}else{
				// 		uni.showToast({
				// 			title: '请正确上传正面照片！',
				// 			icon: 'none',
				// 			duration: 2500
				// 		}) 
				// 	}
				// })
			},
			Onsuccess1(e){
				// let obj = {
				// 	img_url:e.data,
				// }
				// this.$u.api.shop.idcardOcr(obj).then(res =>{	
				// 	if(res.code == 1){
				// 		this.fm = res.data
				// 		uni.showToast({
				// 			title: '上传成功',
				// 			icon: 'success',
				// 			duration: 1000
				// 		})  
				// 	}else{
				// 		uni.showToast({
				// 			title: '请正确上传背面照片！',
				// 			icon: 'none',
				// 			duration: 2500
				// 		}) 
				// 	}
				// })
			},
			Onerror1(e){
				console.log(e,666)
			},
			getValue(list){
				this.From.bank_code = list.bank_code
				this.From.bank_name = list.bank_name
				this.From.bank_user = list.bank_user
				this.$set(this.From, 'bank_code', list.bank_code)
			},
			GotoIndex(){
				this.popupVisibleC = false;
				this.popupVisibleS = false;
				uni.switchTab({
					url:'/pages/index/index'
				})
			},
			btn(){
				if(this.From.name==undefined || this.From.name==''){
					this.$u.toast('请输入店铺名称')
					return
				}
				if(this.From.address==undefined || this.From.address==''){
					this.$u.toast('请选择店铺地址')
					return
				}
				if(this.From.address_detail==undefined || this.From.address_detail==''){
					this.$u.toast('请输入店铺详细名称')
					return
				}
				if(this.From.tel==undefined || this.From.tel==''){
					this.$u.toast('请输入手机号码')
					return
				}
				const reg = /^1[3-9]\d{9}$/;
				if (!reg.test(this.From.tel)) {
					this.$u.toast('请输入正确的手机号码')
					return
				}
				// if(this.From.bank_code==''){
				// 	this.$u.toast('请填写银行卡')
				// 	return
				// }
				if(this.bili.value==undefined || this.bili.value==''){
					this.$u.toast('请选择店铺让利比')
					return
				}
				if(this.shoplist.value==undefined || this.shoplist.value==''){
					this.$u.toast('请选择店铺类别')
					return
				}

				

				let storelogoimglist = '';
				let storeimglist = '';
				let storehjimglist = [];
				let sfzzmimglist = ''
				let sfzfmimglist = ''
				let yyzzimglist = '';
				let hasUploadlogo = false
				let hasUploadstore = false
				let hasUploadstorehj = false
				let hasUploadsfzz = false
				let hasUploadsfzf = false
				let hasUploadyyzz = false
				
				this.$refs.storelogoimg.lists.forEach(item => {
					if(item.progress < 100){
						hasUploadlogo = true
						return true
					}
					if(item?.response == undefined && item?.url){
						storelogoimglist = item.url
						return true
					}
						 
					if((item?.response?.code != 200 || item?.response?.data == undefined || item?.response?.data == '')){
						return true
					}
					storelogoimglist = item.response.data
				})  
				this.$refs.storeimg.lists.forEach(item => {
					if(item.progress < 100){
						hasUploadstore = true
						return true
					}
					if(item?.response == undefined && item?.url){
						storeimglist = item.url
						return true
					}
						 
					if((item?.response?.code != 200 || item?.response?.data == undefined || item?.response?.data == '')){
						return true
					}
					storeimglist = item.response.data
				})
				this.$refs.storehjimg.lists.forEach(item => {
					console.log(item, 666)
					if(item.progress < 100){
						hasUploadstorehj = true
						return true
					}
					if(item?.response == undefined && item?.url){
						
						storehjimglist = item.url
						return true
					}
						 
					if((item?.response?.code != 200 || item?.response?.data == undefined || item?.response?.data == '')){
						return true
					}
					storehjimglist.push(item.response.data.fullurl)
				})
				
				if(this.From.store_type != 0){
					// 身份证正面
					// this.$refs.sfzzmimglist.lists.forEach(item => {
					// 	if(item.progress < 100){
					// 		hasUploadsfzz = true
					// 		return true
					// 	}
					// 	if(item?.response == undefined && item?.url){
					// 		sfzzmimglist = item.url
					// 		return true
					// 	}
							 
					// 	if((item?.response?.code != 200 || item?.response?.data == undefined || item?.response?.data == '')){
					// 		return true
					// 	}
					// 	sfzzmimglist = item.response.data
					// }) 
					// //身份证背面
					// this.$refs.sfzfmimglist.lists.forEach(item => {
					// 	if(item.progress < 100){
					// 		hasUploadsfzf = true
					// 		return true
					// 	}
					// 	if(item?.response == undefined && item?.url){
					// 		sfzfmimglist = item.url
					// 		return true
					// 	}
							 
					// 	if((item?.response?.code != 200 || item?.response?.data == undefined || item?.response?.data == '')){
					// 		return true
					// 	}
					// 	sfzfmimglist = item.response.data
					// }) 
				}else{
					// 营业执照
					
				}

				this.$refs.yyzzimg.lists.forEach(item => {
						
						if(item.progress < 100){
							hasUploadyyzz = true
							return true
						}
						if(item?.response == undefined && item?.url){
							yyzzimglist = item.url
							return true
						}
								
						if((item?.response?.code != 200 || item?.response?.data == undefined || item?.response?.data == '')){
							return true
						}
						yyzzimglist = item.response.data
				})
				
				if(hasUploadlogo || hasUploadstore || hasUploadstorehj || hasUploadsfzz || hasUploadsfzf || hasUploadyyzz){
					this.$u.toast('有图片正在上传，请耐心等待')
					return false
				}
				this.storelogoimglist = storelogoimglist;
				this.storeimglist = storeimglist;
				this.storehjimglist = storehjimglist.join(',');
				this.sfzfmimglist = sfzfmimglist
				this.sfzzmimglist = sfzzmimglist
				this.yyzzimglist = yyzzimglist;
				

				if(this.storeimglist.length == 0){
					this.$u.toast('请上传门脸照片')
					return
				}
				if(this.storehjimglist.length == 0){
					this.$u.toast('请上传店铺环境照片')
					return
				}
				if(this.storelogoimglist.length == 0){
					this.$u.toast('请上传店铺LOGO')
					return
				}
				console.log(this.storehjimglist,444)
				if(this.From.store_type != 0){
					// if(this.sfzzmimglist==undefined || this.sfzzmimglist==''){
					// 	this.$u.toast('请上传身份证正面照片')
					// 	return
					// }
					// if(this.sfzfmimglist==undefined || this.sfzfmimglist==''){
					// 	this.$u.toast('请上传身份证背面照片')
					// 	return
					// } 
				}else{
					
				}

				if(this.yyzzimglist==undefined || this.yyzzimglist==''){
					this.$u.toast('请上传营业执照')
					return
				} 
				
				let obj = {...this.From}
				let identity_createtime,identity_endtime;
				// if(this.fm.valid_date !== undefined){
				// 	let dates = this.fm.valid_date.split("-");
				// 	let year = dates[0].substring(0, 4);
				// 	let month = dates[0].substring(4, 6);
				// 	let day = dates[0].substring(6, 8);
				// 	identity_createtime =`${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;
					
				// 	let year1 = dates[1].substring(0, 4);
				// 	let month1 = dates[1].substring(4, 6);
				// 	let day1 = dates[1].substring(6, 8);
				// 	identity_endtime =`${year1}-${month1.padStart(2, '0')}-${day1.padStart(2, '0')}`;
				// }
				
		
				obj.logo = this.storelogoimglist.fullurl
				obj.image = this.storeimglist.fullurl
				obj.images = this.storehjimglist
				// obj.identity_z = this.sfzzmimglist.fullurl
				// obj.identity_f = this.sfzfmimglist.fullurl
				// obj.identity_code = this.zm.id
				// obj.nickname = this.zm.name
				obj.yyzz_images = this.yyzzimglist.fullurl
				obj.shoptype_id = this.shoplist.value
				obj.bili = this.bili.value
				// obj.identity_createtime = identity_createtime
				// obj.identity_endtime = identity_endtime
				
				// 提交
				this.$u.api.shop.StoreInfo(obj).then(res =>{
					if(res.code == 200){
						this.popupVisibleC = true;
					}else{
						this.$u.toast(res.msg)
					}
				}).catch(req =>{
					this.$u.toast(req.msg)
				})	
			},
			bindPickerChange: function(e) {
			    this.index = e.detail.value
			},
			chooseLocation() {
				let _this = this
				uni.chooseLocation({
					success: function(res) {
						// let mapsdk = new map({					
						// 	key: 'P6LBZ-XCPKX-THI44-7JTPK-3PTLF-2XFUE' 
						// });
						
						// mapsdk.reverseGeocoder({
						// 	location: {
						// 		latitude: res.latitude,
						// 		longitude: res.longitude
						// 	},
						// 	success: (req) => {
						// 		_this.From.address_city = req.result.ad_info.province+'/'+req.result.ad_info.city+'/'+req.result.ad_info.district
						// 	},
						// 	fail: (error) => {	}
						// });
						
						_this.From.address = res.address + res.name
						_this.From.latitude = res.latitude
						_this.From.longitude = res.longitude	
					},
					fail: function(err) {
						console.log(err)
					}
				});
			},
			GotoCard(){
				uni.navigateTo({
					url:'./changecard'
				})
			},
			backNav(){
				uni.switchTab({
					url:'./index'
				})
			},
			chooseStoreType(type){
				this.From.store_type = type
			},
			nextStep(){
				if(this.From.store_type == -1){
					this.$u.toast('请选择商家入驻类型')
					return
				}
				
				this.step = 2
			},
			
		}
	}
</script>

<style>
	.navtop{ width: 100%;height: 514rpx;background: url('https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/shop/%E7%BB%84%2024919%402x.png') center/cover;z-index: -1;}
	.order-nav{width: 100%;font-size: 32rpx;font-weight: bold;text-align: center;position: fixed;color: black;z-index: 999;}
	.navtwo{background-color: white;}
	.order-nav-img{width: 40rpx;height: 40rpx;position: absolute;left: 0rpx;padding: 10rpx 15rpx 15rpx 10rpx;z-index: 999;}
	.nav-sp{position: absolute;width: 100%;left: 0rpx;text-align: center;}
	.main{
		width: 690rpx;
		margin-left: 30rpx;
		padding-top: 30rpx; 
		margin-top: -100rpx;
		background: #fff;
		border-radius: 16rpx;
	}
	.main-top{position: relative; font-size: 32rpx;font-family: PingFang SC-Heavy;color: black;line-height: 48rpx; margin-left: 26rpx;font-weight: bold;height: 48rpx;}
	.main-top::before{content: '';display: block;position: absolute;left: -26rpx;top: 15rpx; width: 6rpx;height: 17rpx; background: url('https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/business/Rectangle%20853%402x.png') center/cover;}
	.cridifo{width: 630rpx;margin-top: 20rpx;}
	.sfcode{width: 630rpx;margin-left: 30rpx;margin-top: 20rpx;background-color: #F8F8F8;border-radius: 16rpx;height: 300rpx;}
	.sfztp{width: 100%;height: 230rpx;margin-top: 20rpx;display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
	.ipt {color: #2E3437; position: relative; background-color: #F8F8F8;border-radius: 16rpx; display: flex;margin-top: 20rpx;width: 630rpx;height: 96rpx;margin-left: 30rpx;line-height: 96rpx;align-items: center;font-size: 28rpx;}
	.ipt-label{margin: 0 20rpx;}
	.ipclass{font-size: 28rpx;}
	.name{margin-top: 40rpx;}
	.main-image{width: 8rpx;height: 14rpx;position: absolute;right: 30rpx;bottom: 42rpx;}
	.tp{width: 630rpx;margin-left: 30rpx;margin-top: 20rpx;background-color: #F8F8F8;border-radius: 16rpx;}
	.sp{font-family: PingFang SC-Bold;font-size: 28rpx;font-weight: bold;color: black;margin-top: 30rpx; margin-left: 30rpx;}
	.tx{margin-top: 16rpx;font-size: 24rpx;color: #999999;margin-left: 30rpx; margin-right:30rpx;line-height: 40rpx;}
	.footer{width: 630rpx;margin-left: 30rpx;margin-top: 20rpx;background-color:  #F8F8F8;border-radius: 16rpx;}
	.btn{width: 100%;height: 136rpx;margin-top: 50rpx;}
	.btn1{width: 630rpx;height: 88rpx;margin-top: 24rpx;margin-left: 30rpx;border-radius: 44rpx;background-color: #36BE6A;text-align: center;line-height: 88rpx;font-size: 32rpx;font-weight: bold;color: white;}

    .main-bottom{padding-bottom: 30rpx;margin-top: 20rpx;}
	.store-item{
		display: flex;
		align-items: center;
		padding: 60rpx 20rpx;
		margin: 30rpx;
		border-radius:26rpx;
	}
	.bg1{background: #FEF8F2;}
	.bg2{background: #F4F9FF;}
	.bg3{background: #FFFDF4;}
	.color1{}
	.store-icon{width: 80rpx;}
	.store-info{
		display: flex;
		flex-direction: column;
		flex: 1;
		margin-left: 10rpx;
	}
	.store-info-name{
		font-size: 36rpx;
		font-weight: bold;
		color: #333;
		margin-bottom: 10rpx;
	}
	.store-info-desc{
		font-size: 28rpx;
		color: #999;
	}
	.store-choose{
		width: 36rpx;
		height: 36rpx;
	}
	.address-bottom-row{ flex-shrink: 0;padding: 30rpx;}
</style>